<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!--<link rel="shortcut icon" href="/css/images/favicon.png" type="image/png">-->

    <link href="/css/style.default.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <!--**********************************************************************-->
    <!-- Bootstrap core CSS -->
    <link href="/assets/css/bootstrap.css" rel="stylesheet">
    <!--external css-->
    <link href="/assets/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <link href="/assets/js/fancybox/jquery.fancybox.css" rel="stylesheet"/>
    <!-- Custom styles for this template -->
    <link href="/assets/css/style.css" rel="stylesheet">
    <link href="/assets/css/style-responsive.css" rel="stylesheet">

    <script src="/assets/js/jquery.js"></script>

    <!--*************************************************************************-->
    <title>CoCo都可欢迎您</title>

    <style type="text/css">
        #logo:hover, #logo:focus {
            text-decoration: none;
            outline: none;
        }

        a {
            color: #428bca;
            font-weight: bolder;
        }
    </style>
</head>

<body>
<!-- Preloader -->
<div id="preloader">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>

<section>
    <div class="leftpanel">
        <div class="logopanel">
            <h1><a href="" id="logo">CoCo</a></h1>
        </div><!-- logopanel -->

        <div class="leftpanelinner">
            <h5 class="sidebartitle">功能列表</h5>
            <ul class="nav nav-pills nav-stacked nav-bracket">
                <li class="active"><a href=""><i class="fa fa-home"></i> <span>coco都可</span></a></li>
                <li><a href="email.html"><span class="pull-right"></span><i
                        class="fa fa-envelope-o"></i> <span>我的收藏</span></a></li>
                <li><a href="email.html"><span class="pull-right"></span><i
                        class="fa fa-envelope-o"></i> <span>权限管理</span></a></li>
                <li class="nav-parent"><a href=""><i class="fa fa-edit"></i> <span>饮品管理</span></a>
                    <ul class="children">
                        <li><a href="general-forms.html"><i class="fa fa-caret-right"></i> General Forms</a></li>
                        <li><a href="form-layouts.html"><i class="fa fa-caret-right"></i> Form Layouts</a></li>
                        <li><a href="form-validation.html"><i class="fa fa-caret-right"></i> Form Validation</a></li>
                        <li><a href="form-wizards.html"><i class="fa fa-caret-right"></i> Form Wizards</a></li>
                        <li><a href="wysiwyg.html"><i class="fa fa-caret-right"></i> Text Editor</a></li>
                        <li><a href="code-editor.html"><i class="fa fa-caret-right"></i> Code Editor</a></li>
                        <li><a href="x-editable.html"><i class="fa fa-caret-right"></i> X-Editable</a></li>
                    </ul>
                </li>
                <li class="nav-parent"><a href=""><i class="fa fa-suitcase"></i> <span>订单管理</span></a>
                    <ul class="children">
                        <li><a href="buttons.html"><i class="fa fa-caret-right"></i> Buttons</a></li>
                        <li><a href="icons.html"><span class="pull-right badge badge-danger">updated</span><i
                                class="fa fa-caret-right"></i> Icons</a></li>
                        <li><a href="typography.html"><i class="fa fa-caret-right"></i> Typography</a></li>
                        <li><a href="alerts.html"><i class="fa fa-caret-right"></i> Alerts &amp; Notifications</a></li>
                        <li><a href="modals.html"><i class="fa fa-caret-right"></i> Modals</a></li>
                        <li><a href="tabs-accordions.html"><i class="fa fa-caret-right"></i> Tabs &amp; Accordions</a>
                        </li>
                        <li><a href="sliders.html"><i class="fa fa-caret-right"></i> Sliders</a></li>
                        <li><a href="graphs.html"><i class="fa fa-caret-right"></i> Graphs &amp; Charts</a></li>
                        <li><a href="widgets.html"><i class="fa fa-caret-right"></i> Panels &amp; Widgets</a></li>
                        <li><a href="extras.html"><i class="fa fa-caret-right"></i> Extras</a></li>
                    </ul>
                </li>
                <li><a href="tables.html"><i class="fa fa-th-list"></i> <span>财务管理</span></a></li>
                <li class="nav-parent"><a href=""><i class="fa fa-bug"></i> <span>报表中心</span></a>
                    <ul class="children">
                        <li><a href="bug-tracker.html"><i class="fa fa-caret-right"></i> Summary</a></li>
                        <li><a href="bug-issues.html"><i class="fa fa-caret-right"></i> Issues</a></li>
                        <li><a href="view-issue.html"><i class="fa fa-caret-right"></i> View Issue</a></li>
                    </ul>
                </li>
                <li><a href="maps.html"><i class="fa fa-map-marker"></i> <span>打印程序</span></a></li>
                <li class="nav-parent"><a href=""><i class="fa fa-file-text"></i> <span>店面信息</span></a>
                    <ul class="children">
                        <li><a href="calendar.html"><i class="fa fa-caret-right"></i> Calendar</a></li>
                        <li><a href="media-manager.html"><i class="fa fa-caret-right"></i> Media Manager</a></li>
                        <li><a href="timeline.html"><i class="fa fa-caret-right"></i> Timeline</a></li>
                        <li><a href="blog-list.html"><i class="fa fa-caret-right"></i> Blog List</a></li>
                        <li><a href="blog-single.html"><i class="fa fa-caret-right"></i> Blog Single</a></li>
                        <li><a href="people-directory.html"><i class="fa fa-caret-right"></i> People Directory</a></li>
                        <li><a href="profile.html"><i class="fa fa-caret-right"></i> Profile</a></li>
                        <li><a href="invoice.html"><i class="fa fa-caret-right"></i> Invoice</a></li>
                        <li><a href="search-results.html"><i class="fa fa-caret-right"></i> Search Results</a></li>
                        <li><a href="blank.html"><i class="fa fa-caret-right"></i> Blank Page</a></li>
                        <li><a href="notfound.html"><i class="fa fa-caret-right"></i> 404 Page</a></li>
                        <li><a href="locked.html"><i class="fa fa-caret-right"></i> Locked Screen</a></li>
                        <li><a href="signin.html"><i class="fa fa-caret-right"></i> Sign In</a></li>
                        <li><a href="signup.html"><i class="fa fa-caret-right"></i> Sign Up</a></li>
                    </ul>
                </li>
                </li>
            </ul>
        </div><!-- leftpanelinner -->
    </div><!-- leftpanel -->

    <div class="mainpanel">

        <div class="headerbar">

            <a class="menutoggle"><i class="fa fa-bars"></i></a>

            <form class="searchform" action="index.html" method="post">
                <input type="text" class="form-control" name="keyword" placeholder="Search here..."/>
            </form>

            <div class="header-right">
                <ul class="headermenu">
                    <li>
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                <img src="" alt=""/>
                                登陆者
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                                <li><a href="profile.html"><i class="glyphicon glyphicon-user"></i>我的信息</a></li>
                                <li><a href="#"><i class="glyphicon glyphicon-cog"></i> 编辑</a></li>
                                <li><a href="signin.html"><i class="glyphicon glyphicon-log-out"></i>退出</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div><!-- header-right -->

        </div><!-- headerbar -->

        <section class="wrapper site-min-height">
            <h3>CoCo饮品</h3>
            <div class="row mt">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A61X13.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A61X13.jpg" alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A555429.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A555429.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A404227.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A404227.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->
            </div><!-- /row mt-->

            <div class="row mt">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A45K43.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A45K43.jpg" alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A432224.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A432224.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A340146.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A340146.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->
            </div><!-- /row mt-->

            <div class="row mt mb">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A22ab.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A22ab.jpg" alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A13W43.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q01A13W43.jpg" alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.cocoyp.com/uploads/allimg/160810/1-160Q0164621493.jpg"><img
                                            class="img-responsive"
                                            src="http://www.cocoyp.com/uploads/allimg/160810/1-160Q0164621493.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- row mt mb -->

            <div class="row mt mb">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://pic16_3.qiyeku.com/qiyeku_pic/2016/8/2/chuanjianghz/product/product_pic/image/2016_12_16/20161216060354935.jpg"><img
                                            class="img-responsive"
                                            src="http://pic16_3.qiyeku.com/qiyeku_pic/2016/8/2/chuanjianghz/product/product_pic/image/2016_12_16/20161216060354935.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://m.3198.com/uploads/images/2016/01-27/74cfd7eecd88.jpg"><img
                                            class="img-responsive"
                                            src="http://m.3198.com/uploads/images/2016/01-27/74cfd7eecd88.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div><!-- col-lg-4 -->

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
                    <div class="project-wrapper">
                        <div class="project">
                            <div class="photo-wrapper">
                                <div class="photo">
                                    <a class="fancybox"
                                       href="http://www.xijshi.com/uploads/allimg/170405/1-1F4051A615M9.jpg"><img
                                            class="img-responsive"
                                            src="http://www.xijshi.com/uploads/allimg/170405/1-1F4051A615M9.jpg"
                                            alt=""></a>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- row mt mb -->
        </section><!--wrapper site-min-height-->

    </div><!--mainpanel-->
</section>

<script src="/js/jquery-1.11.1.min.js"></script>
<script src="/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/js/jquery-ui-1.10.3.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/modernizr.min.js"></script>strap
<script src="/js/jquery.sparkline.min.js"></script>
<script src="/js/toggles.min.js"></script>
<script src="/js/retina.min.js"></script>
<script src="/js/jquery.cookies.js"></script>

<script src="/js/flot/jquery.flot.min.js"></script>
<script src="/js/flot/jquery.flot.resize.min.js"></script>
<script src="/js/flot/jquery.flot.spline.min.js"></script>
<script src="/js/morris.min.js"></script>
<script src="/js/raphael-2.1.0.min.js"></script>

<script src="/js/custom.js"></script>
<script src="/js/dashboard.js"></script>
<!--******************************************************************************-->
<script src="/assets/js/fancybox/jquery.fancybox.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript" src="/assets/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="/assets/js/jquery.scrollTo.min.js"></script>
<script src="/assets/js/jquery.nicescroll.js" type="text/javascript"></script>
<!--common script for all pages-->
<script src="/assets/js/common-scripts.js"></script>

<script type="text/javascript">
    $(function () {
        //    fancybox
        $(".fancybox").fancybox();
    });

</script>

<script>
    //custom select box

    $(function () {
        $("select.styled").customSelect();
    });

</script>
<!--******************************************************************************-->
</body>
</html>
